' +
'Скачать (" + parseInt(get_pars('filesize')) + " МБ, " + get_pars('width') + "×" + get_pars('height') +")
Подписаться на все видео данной категории
' +
'
' +
not_mobile_links+
// "Код для вставки:
' + ' ' + 'Комментарии ("+ get_pars('comments_num') +")
' + get_pars('title') + '
'; controls_fragment.appendChild(T.nodes.video_title); })(); // Маленький таймлайн при inactive видеоплеера снизу (function smallTimeline(){ var smalltimeline; smalltimeline = document.createElement('div'); smalltimeline.className = 'fd-smalltimeline'; smalltimeline.innerHTML = '' + ' '; controls_fragment.appendChild(smalltimeline); })(); // Кнопки смены разрешения (function changeResolution(){ var i, j, k, navigation_fragment, list; list = T.params.video_params.sizes; if (!list.length || list.length <= 1) return false; navigation_fragment = document.createDocumentFragment(); (function buildNavigation(){ var container; container = document.createElement('ul'); container.className = 'fd-resolution'; for (i = 0; list.length > i; i++) { var item; item = document.createElement('li') item.className = 'fd-resolution-item' + (list[i].current ? ' active' : ''); item.innerHTML = list[i].size; container.insertBefore(item, container.firstChild); } navigation_fragment.appendChild(container); })(); T.nodes.top_nav.appendChild(navigation_fragment); })(); // Построить ссылки после просмотра видео (function afterLinks() { var i = 0, p = T.params.video_params.after_links, il = p.length, cap_list = '' ; while (il > i) { cap_list += '' + '' +
' ' +
' ![' + p[i].title + '](' + p[i].img + ')
' +
'
';
i++;
}
T.nodes.afterlinks = document.createElement('div');
T.nodes.afterlinks.style.display = 'none';
T.nodes.afterlinks.setAttribute('class', 'fd-afterlinks capcount-' + il);
T.nodes.afterlinks.innerHTML = cap_list;
T.nodes.replay_after = document.createElement('div');
T.nodes.replay_after.setAttribute('class', 'fd-replay_please');
T.nodes.replay_after.innerHTML = 'Посмотреть заново';
T.nodes.afterlinks.appendChild(T.nodes.replay_after);
controls_fragment.appendChild(T.nodes.afterlinks);
})();
// Нижние контролы
(function controlsBottom() {
var not_mobile_realsize = '',
not_mobile_volume = '';
if (!T.data.isMobile()) {
if (!T.data.isEmbedded()) {
not_mobile_realsize = '' +
' ' + p[i].title + '
' + ' ' + '' +
' ' +
' ' +
' ' +
' ' +
'
';
}
not_mobile_volume = '' +
' Оригинальный размер
' +
' ' +
' ' +
' ' +
'
';
}
var button_bottom = '' +
'
' +
' ' +
' ' +
'
' +
' ' +
'
'+
'' +
not_mobile_volume +
'
' +
'' +
' ' +
' ' +
' ' +
' ' +
'
'+
not_mobile_realsize +
' Дополнительно
' +
' ' +
' ' +
' ' +
' ' +
'
' +
'Развернуть на весь экран
' +
'
'
;
T.nodes.bottom_nav = document.createElement('div');
T.nodes.bottom_nav.setAttribute('class', 'fd-bottom-nav');
T.nodes.bottom_nav.innerHTML += button_bottom;
controls_fragment.appendChild(T.nodes.bottom_nav);
})();
T.nodes.wrapper.appendChild(controls_fragment);
T.nodes.hover_timestamp = T.nodes.outer.querySelector('.fd-bottom-nav-seekbar--hovertime');
T.handlers.add();
};
/** T.NODEFUNCTION */
/**
* Скипнуть видео
*/
T.nodefunction.ad_skip = function () {
T.params.video.innerHTML = T.params.video_src;
T.params.video.load();
T.params.advert_playing = false;
T.nodefunction.video('play');
T.nodes.ad_skip.style.display = 'none';
};
/**
* Оригинальный размер - снять/поставить
*/
T.nodefunction.toggleRealSize = function (type) {
var btn, getWidth, setMarginLeft, expand, contract, d_w, v_l, v_w, v_r;
getWidth = function() {
var vi_w, doc_w, params, margin;
margin = 45;
params = T.params.video_params;
vi_w = params.width;
doc_w = document.body.clientWidth - margin;
return doc_w > vi_w ? vi_w - margin : doc_w;
};
setMarginLeft = function(type){
var marginleft;
if (type === 'less') {
marginleft = (d_w - getWidth()) / 2 - v_l;
} else
if (type === 'more') {
marginleft = (d_w - T.params.video_params.width) / 2 - v_l;
}
return marginleft;
};
expand = function(){
if (T.data.isFullscreen()) {
T.nodefunction.toggleFullscreen('cancel');
}
if (!T.convert.hasClass(T.nodes.wrapper, 'realsize')) {
T.nodes.wrapper.className += ' realsize';
}
T.nodes.wrapper.style.width = getWidth() + 'px';
T.nodes.wrapper.style.marginLeft = setMarginLeft(d_w < T.params.video_params.width ? 'less' : 'more') + 'px';
};
contract = function(){
T.nodes.wrapper.className = T.convert.removeClass(T.nodes.wrapper, 'realsize');
T.nodes.wrapper.style.width = '';
T.nodes.wrapper.style.marginLeft = '';
T.nodes.outer.style.height = '';
};
btn = T.nodes.bottom_nav.querySelector('.video_size i');
d_w = document.body.clientWidth;
v_l = T.nodes.outer.getBoundingClientRect().left;
v_w = T.nodes.outer.clientWidth;
v_r = T.nodes.outer.getBoundingClientRect().right;
if (type === 'expand') {
expand();
} else
if (type === 'contract') {
contract();
} else {
if (T.convert.hasClass(T.nodes.wrapper, 'realsize')) {
contract();
} else {
expand();
}
}
};
/**
* Видимость контейнера со звуком
* @param el
* @param type
*/
T.nodefunction.volumeContainerVisibility = function(el, type){
var vol_container;
vol_container = el.querySelector('.fd-bottom-nav-volumeseek');
switch (type) {
case 'show':
vol_container.className += ' show';
break;
case 'hide':
vol_container.className = T.convert.removeClass(vol_container, 'show');
break;
}
};
/**
* Дополнительно - скрыть/показать
* @param type
*/
T.nodefunction.toggleSettings = function(type){
var b, show, hide, input;
b = T.nodes.top_nav;
input = b.querySelector('input');
show = function(){
b.className += ' active';
if (!T.data.isMobile()) {
input.focus();
}
};
hide = function(){
b.className = T.convert.removeClass(b, 'active');
};
if (type) {
if (type === 'show') show();
if (type === 'hide') hide();
} else {
T.convert.hasClass(b, 'active') ? hide() : show();
}
};
/**
* Сменить класс у враппера в зависимости от фуллскрина
* @param state
*/
T.nodefunction.changeWrapperFullscreenClass = function (state) {
if (state) {
T.nodes.wrapper.className += ' fullscreen';
} else {
T.nodes.wrapper.className = T.convert.removeClass(T.nodes.wrapper, 'fullscreen');
}
T.params.fullscreen = state;
T.nodes.wrapper.setAttribute('data-fullscreen', state);
};
/**
* Фуллскрин - снять/поставить
*/
T.nodefunction.toggleFullscreen = function (type) {
var cancel, start, isNative;
if (!T.data.isMobile()) {
T.nodefunction.toggleRealSize('contract');
};
isNative = document.exitFullscreen || document.mozCancelFullScreen || document.webkitCancelFullScreen || document.msExitFullscreen || document.webkitExitFullscreen ? true : false;
// console.log('toggle fullscreen');
cancel = function(){
if (isNative) {
if (document.exitFullscreen) document.exitFullscreen();
else if (document.mozCancelFullScreen) document.mozCancelFullScreen();
else if (document.webkitCancelFullScreen) document.webkitCancelFullScreen();
else if (document.webkitExitFullScreen) document.webkitExitFullScreen();
else if (document.msExitFullscreen) document.msExitFullscreen();
} else {
T.nodes.wrapper.className = T.convert.removeClass(T.nodes.wrapper, 'framescreen');
}
};
start = function(){
if (isNative) {
if (T.params.video.requestFullscreen) T.params.video.requestFullscreen();
else if (T.nodes.wrapper.mozRequestFullScreen) T.nodes.wrapper.mozRequestFullScreen();
else if (T.params.video.webkitRequestFullscreen) T.nodes.wrapper.webkitRequestFullscreen();
else if (T.params.video.msRequestFullscreen) T.nodes.wrapper.msRequestFullscreen();
} else {
T.nodes.wrapper.className += ' framescreen';
}
};
if (type === 'start' || type === 'cancel') {
if (type === 'start') {
start();
} else
if (type === 'cancel') {
cancel();
}
} else {
if (isNative) {
T.data.isFullscreen() ? cancel() : start();
} else {
if (T.convert.hasClass(T.nodes.wrapper, 'framescreen')) {
cancel()
} else {
start();
}
}
}
if (T.convert.hasClass(T.nodes.wrapper, 'realsize')) {
T.nodes.wrapper.className = T.convert.removeClass(T.nodes.wrapper, 'realsize');
T.nodes.wrapper.style.width = '';
}
};
/**
* Методы видео - {play|pause|playing}
*/
T.nodefunction.video = function (param) {
var changeCounter;
changeCounter = function () {
if (!T.params.advert_playing) {
var countdown, video_seekbar;
T.params.current_time = T.params.video.currentTime;
countdown = T.nodes.bottom_nav.querySelector('.fd-bottom-nav-timer--countdown');
video_seekbar = T.nodes.outer.querySelectorAll('.fd-bottom-nav-seekbar--seek');
T.convert.set_innerText(countdown, T.convert.secToTime(T.params.current_time));
[].forEach.call(video_seekbar, function(el) {
el.style.width = T.convert.numToPercent(T.params.current_time, T.params.video_params.duration) + '%';
});
} else {
var curr_time, skip_time, skip_time_text, ad_countdown = '';
curr_time = T.params.video.currentTime;
skip_time = T.params.advert_skiptime;
skip_time_text = T.nodes.ad_skip.querySelector('.fd-ad-preroll--countdown');
if (parseInt(curr_time) >= parseInt(skip_time)-1) {
T.params.ad_can_skip = true;
T.nodes.ad_skip.className += T.convert.hasClass(T.nodes.ad_skip, 'skippable') ? '' : ' skippable';
T.nodes.ad_skip.innerHTML = 'Пропустить рекламу';
} else {
ad_countdown = parseInt(skip_time - curr_time);
skip_time_text.innerHTML = ad_countdown;
}
}
};
switch (param) {
case 'play':
T.params.video.play();
T.nodefunction.volume(T.params.volume);
[
T.nodes.play_button,
T.nodes.poster
].map(function (el) {
el.style.display = 'none';
});
this.hoverControls('show');
T.params.advert_playing ? T.nodes.ad_skip.style.display = 'block' : '';
T.nodes.bottom_nav.querySelector('.fd-icon.btn-play').className = 'fd-icon btn-play icon-pause';
T.nodes.wrapper.className = T.convert.removeClass(T.nodes.wrapper, 'afterlinks');
T.nodes.afterlinks.style.display = 'none';
if (T.params.advert_playing) {
T.nodes.wrapper.className += ' preroll';
}
clearInterval(T.params.timecounter);
T.params.timecounter = setInterval(function () {
changeCounter();
}, 1000);
break;
case 'pause':
T.params.video.pause();
T.nodes.bottom_nav.querySelector('.fd-icon.btn-play').className = 'fd-icon btn-play icon-play';
if (T.params.timecounter) clearInterval(T.params.timecounter);
break;
// case 'playing':
// timecounter = setInterval(function () {
// changeCounter();
// }, 1000);
// break;
case 'is_paused':
return T.params.video.paused;
default:
break;
}
};
/**
* Установить громкость
* @param num
*/
T.nodefunction.volume = function (num) {
var icon, seek;
T.params.video.volume = num;
if (!T.data.isMobile()) {
icon = T.nodes.bottom_nav.querySelector('.fd-icon.btn-volume');
icon.className = num === 0 ? 'fd-icon btn-volume icon-mute' : 'fd-icon btn-volume icon-volume';
seek = T.nodes.bottom_nav.querySelector('.fd-bottom-nav-volumeseek--seek');
seek.style.height = num * 100 + '%';
}
};
/**
* Заголовок видео - показать/скрыть
* @param param
*/
T.nodefunction.title = function (param) {
T.nodes.video_title.style.display = param === 'show' ? 'block' : 'none';
};
/**
* Вызывается при ховере на враппер - {show|hide}
*/
T.nodefunction.hoverControls = function (param) {
switch (param) {
case 'hide':
if (!T.convert.isVisible(T.nodes.poster)) {
T.nodes.wrapper.className += ' inactive';
}
break;
case 'show':
if (!T.convert.isVisible(T.nodes.poster)) {
T.nodes.wrapper.className = T.convert.removeClass(T.nodes.wrapper, 'inactive');
}
break;
default:
break;
}
};
/**
* Блок со ссылками после видео - {show|hide}
*/
T.nodefunction.afterlinks = function () {
T.nodes.afterlinks.style.display = 'block';
T.nodes.wrapper.className += ' afterlinks';
};
/** T.HANDLERS */
/**
* Хэндлеры на кнопки
*/
T.handlers.add = function () {
var mouse_volume_clicked, hidecontrols_interval;
mouse_volume_clicked = false;
if (T.nodes.ad_skip) {
T.nodes.ad_skip.addEventListener('click', function () {
if (T.params.ad_can_skip) {
T.nodefunction.ad_skip();
[
T.nodes.bottom_nav.querySelectorAll('.fd-bottom-nav-seekbar--seek'),
T.nodes.bottom_nav.querySelectorAll('.fd-bottom-nav-seekbar--progress')
].map(function(el){
[].forEach.call(el, function(element) {
element.style.width = 0;
});
});
T.nodes.wrapper.className = T.convert.removeClass(T.nodes.wrapper, 'preroll');
T.data.send_ad_event('skip');
}
});
}
if (!T.data.isMobile()) {
T.nodes.bottom_nav.querySelector('.fd-bottom-nav-volume').addEventListener('mouseenter', function () {
T.nodefunction.volumeContainerVisibility(this, 'show');
});
T.nodes.bottom_nav.querySelector('.fd-bottom-nav-volume').addEventListener('mouseleave', function () {
T.nodefunction.volumeContainerVisibility(this, 'hide');
});
if (!T.data.isEmbedded()) {
T.nodes.bottom_nav.querySelector('.video_size').addEventListener('click', function (e) {
e.preventDefault();
T.nodefunction.toggleRealSize();
});
}
T.nodes.bottom_nav.querySelector('.fd-bottom-nav-button--volume').addEventListener('click', function (e) {
e.preventDefault();
var vol, set_vol;
vol = T.params.video.volume;
if (vol === 0) {
set_vol = T.params.volume;
} else if (vol > 0 || vol < 0) {
set_vol = 0;
}
T.nodefunction.volume(set_vol);
});
T.nodes.bottom_nav.querySelector('.fd-bottom-nav-volumeseek--container').addEventListener('click', function (e) {
var percents;
percents = T.convert.clickToPercent_height(e, this);
this.children[0].style.height = percents + '%';
T.params.volume = percents / 100;
T.data.storage.set('fd-volume', T.params.volume+'');
T.nodefunction.volume(T.params.volume);
});
T.nodes.bottom_nav.querySelector('.fd-bottom-nav-volumeseek--container').addEventListener('mousedown', function (e) {
var x;
mouse_volume_clicked = true;
x = T.convert.clickToPercent_height(e, this);
if (x < 0 || x > 100) return false;
this.children[0].style.height = x + '%';
T.params.volume = x / 100;
T.nodefunction.volume(T.params.volume);
});
document.addEventListener('click', function(e){
var status_click, status_sett_visibility;
status_click = T.nodes.top_nav.contains(e.target) || T.nodes.bottom_nav.querySelector('.settings').contains(e.target);
status_sett_visibility = T.convert.hasClass(T.nodes.top_nav, 'active');
if (status_click == false && status_sett_visibility == true) {
T.nodes.top_nav.className = T.convert.removeClass(T.nodes.top_nav, 'active');
e.stopPropagation();
e.preventDefault();
}
}, true);
T.nodes.outer.addEventListener('mousemove', function () {
var that = this;
T.nodefunction.hoverControls('show');
that.style.cursor = 'default';
if (T.params.video.paused === false) {
clearTimeout(hidecontrols_interval);
hidecontrols_interval = setTimeout(function () {
T.nodefunction.hoverControls('hide');
that.style.cursor = 'none';
}, 3000);
}
});
}
// Большая кнопка плэй
T.nodes.play_button.addEventListener('click', function (e) {
e.preventDefault();
if (T.params.advert_params) {
T.data.send_ad_event('start');
}
T.nodefunction.video('play')
});
// Хэндлеры на контейнере
T.nodes.outer.addEventListener('mouseenter', function () {
T.nodefunction.hoverControls('show');
});
// Убрать мышшшь с видео
T.nodes.outer.addEventListener('mouseleave', function () {
T.nodefunction.hoverControls(T.params.video.paused ? 'show' : 'hide');
clearInterval(hidecontrols_interval);
this.style.cursor = 'default';
// if (T.convert.hasClass(T.nodes.top_nav, 'active')) T.nodes.top_nav.className = T.convert.removeClass(T.nodes.top_nav, 'active');
// T.nodes.top_nav.className = T.convert.removeClass(T.nodes.top_nav, 'active');
});
T.nodes.outer.addEventListener('mouseup', function () {
mouse_volume_clicked = false;
});
T.nodes.outer.addEventListener('mousemove', function (e) {
if (mouse_volume_clicked) {
var x, el;
el = T.nodes.bottom_nav.querySelector('.fd-bottom-nav-volumeseek--container');
x = T.convert.clickToPercent_height(e, el);
if (x < 0 || x > 100) return false;
el.children[0].style.height = x + '%';
T.params.volume = x / 100;
T.nodefunction.volume(T.params.volume);
T.data.storage.set('fd-volume', T.params.volume, 365);
}
});
T.nodes.bottom_nav.querySelector('.fd-bottom-nav-button--play').addEventListener('click', function (e) {
e.preventDefault();
T.nodefunction.video('is_paused') ?
T.nodefunction.video('play')
:
T.nodefunction.video('pause');
});
T.nodes.bottom_nav.querySelector('.fd-bottom-nav-seekbar--container.fd-big').addEventListener('mousemove', function (e) {
var timestamp, t;
t = this;
var a = T.convert.clickToPercent_width(e, t);
var b = T.convert.percentToSec(a, T.params.video_params.duration);
timestamp = T.convert.secToTime(b);
T.convert.set_innerText(T.nodes.hover_timestamp.querySelector('p'), timestamp);
T.nodes.hover_timestamp.style.left = T.convert.clickToPercent_width(e, this) + '%';
});
T.nodes.bottom_nav.querySelector('.fd-bottom-nav-seekbar--container.fd-big').addEventListener('mouseenter', function (e) {
T.nodes.hover_timestamp.className += ' show';
});
T.nodes.bottom_nav.querySelector('.fd-bottom-nav-seekbar--container.fd-big').addEventListener('mouseleave', function (e) {
T.nodes.hover_timestamp.className = T.convert.removeClass(T.nodes.hover_timestamp, 'show');
});
T.nodes.bottom_nav.querySelector('.fd-bottom-nav-seekbar--container.fd-big').addEventListener('click', function (e) {
var percents;
if (!T.params.advert_playing) {
percents = T.convert.clickToPercent_width(e, this);
this.children[0].style.width = percents + '%';
T.params.video.currentTime = T.convert.percentToSec(percents, T.params.video_params.duration);
if (T.nodefunction.video('is_paused')) {
T.nodefunction.video('play');
}
}
});
T.nodes.bottom_nav.querySelector('.fd-bottom-nav-button--fullscreen').addEventListener('click', function (e) {
e.preventDefault();
T.nodefunction.toggleFullscreen();
});
T.nodes.bottom_nav.querySelector('.settings').addEventListener('click', function(e){
e.preventDefault();
T.nodefunction.toggleSettings();
});
T.nodes.replay_after.addEventListener('click', function () {
T.nodefunction.video('play');
});
T.nodes.top_nav.querySelector('input').addEventListener('focus', function(){
var that = this;
setTimeout(function(){
that.setSelectionRange(0,that.value.length);
}, 50);
});
[].map.call(T.nodes.top_nav.querySelectorAll('.fd-resolution-item'), function(el){
el.addEventListener('click', function(e){
var setTime = function(){
console.log("T.params.video.currentTime:");
console.log(T.params.video.currentTime);
console.log("T.params.current_time:");
console.log(T.params.current_time);
T.params.video.currentTime = T.params.current_time;
if (T.convert.hasClass(T.nodes.top_nav, 'active')) T.nodes.top_nav.className = T.convert.removeClass(T.nodes.top_nav, 'active');
T.nodefunction.video('play');
// T.params.video.removeEventListener('loadedmetadata', setTime());
}
var resolution, url, is_playing, sources = '';
e.preventDefault();
if (T.convert.hasClass(this, 'active')) return false;
[].map.call(this.parentNode.children, function(el){
el.className = T.convert.removeClass(el, 'active');
});
this.className += ' active';
resolution = this.innerHTML;
[].map.call(T.params.video_params.sizes, function(s){
if (s.size === resolution) url = s.sources;
});
[].map.call(url, function(v){
sources = '' +
' ' +
' ' +
' ' +
'
' +
' ' +
' '+ T.convert.secToTime(0) +'' +
' /' +
' ' + T.convert.secToTime(get_pars('duration')) + '' +
'
' +
' ' +
'